<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="Content-Language" content="zh-cn">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=1024,maximum-scale=1">
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <title>免费微POS机</title>
        <!-- CSS -->
        <link rel="stylesheet" href="css/style.css">
    </head>

    <body>
        <!--[if lt IE 9]>
        <div style="width:100%;height:100%;position:absolute;z-index:999999;top:0px;background-color:#fff;">
            <div class="alert alert-warning text-center">提醒：你的浏览器太古董了，请更换浏览器</div>
        </div>
        <![endif]-->
        <div class="banner">
            <img src="./imgs/banner.jpg" alt="微pos机">
        </div>
        <div class="intro">
            <ul class="items">
                <li class="item">
                    <h2 class="subtitle">银联认证</h2>
                    <p class="desc">
                        费率低至0.55%极具市场竞争力
                    </p>
                </li>
                <li class="item">
                    <h2 class="subtitle">移动支付</h2>
                    <p class="desc">
                        方便快捷，可随时随地收款
                    </p>
                </li>
                <li class="item">
                    <h2 class="subtitle">实时到账</h2>
                    <p class="desc">
                        T+3秒到，365天快速到账，已经与30多家银行达成合作
                    </p>
                </li>
                <li class="item">
                    <h2 class="subtitle">安全性高</h2>
                    <p class="desc">
                        持有中国人民银行收单拍照，经过中国银联安全认证
                    </p>
                </li>
            </ul>
        </div>
        <div class="sep">
            <img src="./imgs/sep.jpg" alt="汇付天下">
        </div>
        <div class="title-wrap">
            <h2>免费获取微POS机</h2>
            <p class="tips">招优质代理商</p>
        </div>
        <div class="form-wrap" id="formWrap">
            <label for="receiver" class="receiver">
                <span class="label">收货人</span>
                <input type="text" id="receiver"/>
            </label>
            <label for="mobile" class="mobile">
                <span class="label">联系方式</span>
                <input type="text" id="mobile"/>
            </label>
            <label for="address" class="address">
                <span class="label">详细地址</span>
                <input type="text" id="address"/>
            </label>
            <label for="submit" class="submit-wrap">
                <span class="label"></span>
                <input type="button" class="submit" id="submitBtn" value="提交"/>
            </label>
        </div>
        <div class="activity">
            <h3>已获得微POS机</h3>
            <p class="desc">赵[138****2524] 2分钟前商家版微POS机    王[136****2510] 8分......</p>
        </div>
        <div class="advantage">
            <h3 class="title">微POS机优势</h3>
            <ul class="items">
                <li class="item one-third">
                    <div title="安全可靠" class="icon icon1"></div>
                    <strong>安全可靠</strong>
                    <div class="sep"></div>
                    <p class="desc">实时保护 安心支付，把安全做到极致</p>
                </li>
                <li class="item one-third">
                    <div title="银联认证" class="icon icon2"></div>
                    <strong>银联认证</strong>
                    <div class="sep"></div>
                    <p class="desc">中国人民银行支付牌照 正规一清机</p>
                </li>
                <li class="item one-third">
                    <div title="资金安全" class="icon icon3"></div>
                    <strong>资金安全</strong>
                    <div class="sep"></div>
                    <p class="desc">资金实时到账，多重保障 资金安全</p>
                </li>
                <li class="spam"></li>
                <li class="item half">
                    <div title="正规大公司" class="icon icon4"></div>
                    <strong>正规大公司</strong>
                    <div class="sep"></div>
                    <p class="desc">汇天下有限公司，注册资金依依人民币</p>
                </li>
                <li class="item half">
                    <div title="售后服务" class="icon icon5"></div>
                    <strong>售后服务</strong>
                    <div class="sep"></div>
                    <p class="desc">专业微信群售后，24小时服务</p>
                </li>
                <li class="spam"></li>
            </ul>
        </div>
        <div class="pos-wrap pos-commerce">
            <h3 class="title">商家版POS机</h3>
            <p class="desc">
                适用于：宾馆，餐饮，娱乐，批发零售，房地产，珠宝，首饰，超市等
            </p>
            <img src="./imgs/pos1.jpg" alt="商家版POS机，费率低至0.50%">
        </div>
        <div class="pos-wrap pos-personal">
            <h3 class="title">个人版POS机</h3>
            <img src="./imgs/pos2.jpg" alt="个人版POS机">
        </div>
        <div class="comment">
            <h3 class="title">用户评价</h3>
            <ul class="items">
                <li class="item">
                    <div class="avatar-wrap">
                        <img src="./imgs/avatar1.jpg" class="avatar">
                        <div class="name">
                            李先生
                        </div>
                    </div>
                    <div class="content">
                        前几天下单的，今天收到了，货到付款很放心，包装结实。有张说明书，按着操作，刷了信用卡，钱直接到了我的储蓄卡，确实方便，以后周转很灵活了
                    </div>
                    <div class="bg">
                        <img src="./imgs/comment-bottom1.png" class="bg-img">
                    </div>
                </li>
                <li class="item">
                    <div class="avatar-wrap">
                        <img src="./imgs/avatar2.jpg" class="avatar">
                        <div class="name">
                            刘女士
                        </div>
                    </div>
                    <div class="content">
                        产品不错，到账挺快的，是一清机!货到付款很省心，售后服务很好。
                    </div>
                    <div class="bg">
                        <img src="./imgs/comment-bottom2.png" class="bg-img">
                    </div>
                </li>
                <li class="item">
                    <div class="avatar-wrap">
                        <img src="./imgs/avatar3.jpg" class="avatar">
                        <div class="name">
                            王先生
                        </div>
                    </div>
                    <div class="content">
                        用了才知道，省时省心，每月都得还房贷刷信用卡周转，有这机子免去很多麻烦，不用找朋友借钱了
                    </div>
                    <div class="bg">
                        <img src="./imgs/comment-bottom1.png" class="bg-img">
                    </div>
                </li>
                <li class="item">
                    <div class="avatar-wrap">
                        <img src="./imgs/avatar4.jpg" class="avatar">
                        <div class="name">
                            张先生
                        </div>
                    </div>
                    <div class="content">
                        之前用的别的牌子的，很不好用，朋友推荐用这个微POS机就买了个试试，感觉很不错，到账快，周末也可以，有不懂得还有专门售后群，沟通很方便，确实不错
                    </div>
                    <div class="bg">
                        <img src="./imgs/comment-bottom2.png" class="bg-img">
                    </div>
                </li>
            </ul>
        </div>
        <div class="fixed-btns">
            <a class="btn consult">免费咨询</a>
            <a class="btn" href="#formWrap">快捷预订</a>
        </div>
    </body>
    <script src="http://ot6h89xw6.bkt.clouddn.com/assets/common/js/zepto.min.js"></script>
    <script src="./js/index.js"></script>
</html>